$primary-color: #409eff;
$primary-color-active: #3a8ee6;

$success-color: #67c23a;
$success-color-active: #5daf34;

$info-color: #909399;
$info-color-active: #82848a;


$warning-color: #e6a23c;
$warning-color-active: #cf9236;

$danger-color: #f56c6c;
$danger-color-active: #dd6161;


$--color-primary: #409EFF !default;
$--color-white: #FFFFFF !default;
$--color-black: #000000 !default;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */

$--color-success: #67C23A !default;

$--color-warning: #E6A23C !default;

$--color-danger: #F56C6C !default;

$--color-info: #909399 !default;

$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
$--color-info-light: mix($--color-white, $--color-info, 80%) !default;

$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;


$--color-text-primary: #303133 !default;

$--color-text-regular: #606266 !default;

$--color-text-secondary: #909399 !default;
$--color-text-placeholder: #C0C4CC !default;

$--border-color-base: #DCDFE6 !default;

$--border-color-light: #E4E7ED !default;

$--border-color-lighter: #EBEEF5 !default;

$--border-color-extra-light: #F2F6FC !default;

$--border-width-base: 1px !default;
$--border-style-base: solid !default;
$--border-color-hover: $--color-text-placeholder !default;
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;

$--border-radius-base: 4px !default;

$--border-radius-small: 2px !default;

$--border-radius-circle: 100% !default;

$--border-radius-zero: 0 !default;



$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;

$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;

$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;


$--message-shadow: $--box-shadow-base !default;
$--message-min-width: 380px !default;
$--message-background-color: #edf2fc !default;
$--message-padding: 15px 15px 15px 20px !default;

$--message-close-icon-color: $--color-text-placeholder !default;

$--message-close-size: 16px !default;

$--message-close-hover-color: $--color-text-secondary !default;

$--message-success-font-color: $--color-success !default;

$--message-info-font-color: $--color-info !default;

$--message-warning-font-color: $--color-warning !default;

$--message-danger-font-color: $--color-danger !default;


$--alert-padding: 8px 16px !default;

$--alert-border-radius: $--border-radius-base !default;

$--alert-title-font-size: 13px !default;

$--alert-description-font-size: 12px !default;

$--alert-close-font-size: 12px !default;

$--alert-close-customed-font-size: 13px !default;

$--alert-success-color: $--color-success-lighter !default;
$--alert-info-color: $--color-info-lighter !default;
$--alert-warning-color: $--color-warning-lighter !default;
$--alert-danger-color: $--color-danger-lighter !default;


$--alert-icon-size: 16px !default;

$--alert-icon-large-size: 28px !default;